<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="__CSS__/style_forum.css" />
    <link rel="stylesheet" href="__CSS__/reset.css" />
    <link rel="stylesheet" href="__ACSS__/style_adv.css" />
    <link rel="stylesheet" href="__CSS__/style_index.css" />
    <title>轮播图管理 - ThinkPHP后台管理</title>
    <script type="text/javascript" src="__JS__/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="__JS__/loadinghtml.js"></script>
    <script type="text/javascript" src="__JS__/DropDown.js"></script>
    <script type="text/javascript" src="__JS__/vue.min.js"></script>
  </head>
  <body>
    <div id="header" class="top">
      <div id="hd-main">
        <a id="alink" href="../../forum_guzp/guzp.html" title="返回首页"></a>
        <ul id="main-nav">
          <li><a href="{:url('deal/mesdeal')}">帖子管理</a></li>
          <li><a href="{:url('deal/secdeal')}">版块管理</a></li>
          <li><a href="{:url('bindeal/binmesdeal')}">回收站管理</a></li>
          <li style="background-color: #656565"><a href="{:url('adv/boxdeal')}">轮播图管理</a></li>
          <li><a href="{:url('admin/apa')}">修改密码</a></li>
          <li><a href="{:url('admin/alogout')}">注销</a></li>
        </ul>
        <div id="header-bar">
          {eq name=':session("auser")' value=''}
          <h3>欢迎你，请登录</h3>
          <div id="userloginmes">
            <a href="{:url('admin/alogin')}" id="unlogin">
              <b></b>
            </a>
            <ul>
              <li><a href="{:url('admin/alogin')}">登录</a></li>
            </ul>
          </div>
          {else/}
          <h3>欢迎你，{:session('auser')}</h3>
          <div id="userloginmes">
            <a href="" id="unlogin">
              <b></b>
            </a>
            <ul>
              <li><a href="{:url('admin/alogout')}">退出</a></li>
            </ul>
          </div>
          {/eq}
        </div>
      </div>
    </div>
    <!-- <div id="main">
		<div id="mid-main"><h3>首页轮播图管理</h3><button>添加轮播图</button></div>
		<table></table>
	</div> -->
    <div id="main">
      <!-- 轮播图 -->
      <div id="banner">
        <div class="bannerImg">
          <img :src="getBannerSrc" />
          <div class="arrow leftArrow" @click="lastImg"><a><</a></div>
          <div class="arrow rightArrow" @click="lastImg"><a>></a></div>
        </div>
        <div id="bannerContent">
          <p class="bannerTitle">{{bannerData[num]["name"]}}</p>
          <p class="bannerText">{{bannerData[num]["text"]?bannerData[num]["text"]:'暂无文本'}}</p>
          <ul class="point">
            <li v-for="(item,index) in bannerData.length" class="pointli" :class="{'active':num == index}" @click="liChange(index)"></li>
          </ul>
        </div>
      </div>
      <div id="mid-main">
        <h3>首页轮播图管理</h3>
        <button>添加轮播图</button>
        <form id="search" action="" style="float: right">
          <input type="text" />
          <button>搜索</button>
        </form>
      </div>
      <table id="operBanner">
        <tr>
          <th>序号</th>
          <th>图片</th>
          <th>标题|发布时间</th>
          <th>文字介绍</th>
          <th>指向mid</th>
          <th>操作</th>
        </tr>
        <tr>
          <td style="width: 20px">ssd</td>
          <td><img src="" alt="" width="20px" height="20px" /></td>
          <td>
            <p>name</p>
            <p>time</p>
          </td>
          <td class="tdText">文字x介dffffffffffffsssssssssssssssssssssssssssssssssssssssssssssffffffff绍</td>
          <td>指12向mid</td>
		  <td><p><a href="">修改</a>|<a href="">暂停使用</a></p>
			<p><a href="">删除</a>|<a href="">审核通过</a></td></p>
			 
        </tr>
      </table>
    </div>
    <div id="footer"></div>
  </body>
  <script>
    let bannerData = [
      { name: '看云', src: '__IMG__/banner3.jpg', text: '看云是一个现代化文档写作、托管及数字出版平台,基于MarkDown语法和Git版本库管理,让你专注于知识创作,可以用于企业知识库、产品手册、项目文档和个人数字出版。' },
      { name: '教程', src: '__IMG__/banner2.jpg', text: '教程勘查发卢卡斯京东方垃圾啊吴三桂厅' },
      { name: 'ThinkApi', src: '__IMG__/banner1.jpg' }
    ];
    let advs = [
      {
        name: '玩尼玛',
        src: '__IMG__/暴米花手机.jpg'
      },
      {
        name: '兔兔',
        src: '__IMG__/rabbit.jpg'
      }
    ];
  </script>
  <script src="__JS__/lunbo.js"></script>
</html>
